<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>舆情监控-账号激活</title>
    <link rel="stylesheet" th:href="@{/static/css/bootstrap.min.css}"/>
    <style>
         .home{
              margin-top: 100px;
         }
         .container {
             width: 700px;
         }
        .webpper{
            width: 500px;
            margin-left: 320px;
        }
        h2{
            display: block;
            font-size: 1.5em;
            -webkit-margin-before: 0.83em;
            -webkit-margin-after: 0.83em;
            -webkit-margin-start: 0px;
            -webkit-margin-end: 0px;
        }
        .card-m{
            text-align: left;
        }

        .sentiment-prob{
            width: 100px;
            display: inline-block;
            height: 15px;
            line-height: 15px;
            text-align: center;
            color: #fff;
            background: #1a8bd2;
            position: relative;
            margin-bottom: 0;
            vertical-align: middle;
        }
         .sentiment-prob span {
             position: absolute;
             height: 15px;
             width: 30px;
             background: #f5222d;
             left: 0;
             z-index: 0;
         }
         .sentiment-prob em {
             z-index: 2;
             display: block;
             position: absolute;
             font-size: 12px;
             text-decoration: none;
             font-style: normal;
             margin-left: 30%;
         }
        .col-form-label{
            float: left;
        }
    </style>
</head>
<body>
<div class="header-wepper">
    <div class="container text-center">
        <span>首页</span>
        <span><a th:href="@{/scan}">舆情检测</a></span>
        <span>产品服务</span>
        <span>解决方案</span>
        <span>资讯中心</span>
        <span>关于我们</span><span class="px-1"/>|<span class="px-1"/>
        <a shiro:authenticated="" th:href="@{/mem/index}"><shiro:principal property="name"/></a>
        <span class="px-1"/>
        <a shiro:authenticated="" th:href="@{/mem/logout}">退出账户</a>
        <a shiro:notAuthenticated="" th:href="@{/mem/login}" style="color: #007bff">登录</a>
    </div>
</div>
<div class="home">
    <div class="container text-center">
        <div th:text="${erro}"></div>
        <div th:if="${registerInfo}">
            <span>账号注册成功！已向您的邮箱账号发送了一份账号激活邮件，请根据邮件内容激活账号。若邮箱未收到请查看是否在垃圾箱内，若垃圾箱不存在，请点击下方链接继续发送</span>
            <br>
            <a th:href="@{/mem/sendEmail}">继续发送邮件</a>
        </div>
        <div th:if="${activeInfo}">
            <span>账号已激活请前往<a shiro:notAuthenticated="" th:href="@{/mem/login}" style="color: #007bff">登录</a></span>
        </div>
    </div>
</div>

<script th:src="@{/static/js/jquery-3.4.1.min.js}"></script>
<script th:src="@{/static/js/bootstrap.min.js}"></script>
<script th:src="@{/static/js/bootstrap.bundle.min.js}"></script>
<script th:inline="javascript">

</script>
</body>
</html>